html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0; padding: 0;}
img{border:0 none;}
ul, li{list-style-type: none; }
button {cursor: pointer; }
body {font-size:14px; line-height:28px;color:#222222;  background:url(img/page_back.jpg) repeat-x top; font-family:"微软雅黑";}
a, a:link {text-decoration: none; color:#222222; }
a:visited { }
a:active, a:hover{text-decoration:none; color:#FF6600;}
#page{ text-align:center; clear:both;}
#space{ clear:both; height:5px;}
#f_r{ float:right;}
.b_f{ background:#ffffff;}


.top{ height:212px; width:1220px; margin:0 auto;}
.top_line{ height:29px; line-height:29px; color:#cbcbcb; overflow:hidden;}
.top_logo{ background:url(img/top_back.png) no-repeat 420px; height:86px; padding:44px 0 0 0; width:1220px;}
.top_logo_img{ width:300px; height:74px; float:left;}
.top_logo_img img{ margin-top:-20px;}
.top_logo_txt{ width:319px; float:left; margin:0 0 0 25px;}
.top_logo_txt p{ height:18px; line-height:18px; color:#4b4a4a;}
.top_logo_txt h1{ margin:0; padding:0; font-size:22px; color:#001f71;}
.top_logo_phone{ width:260px; margin:0 0 0 600px; padding:10px 0 0 50px; background:url(img/top_phone_back.png) no-repeat left 15px;float:left; color:#001f71;}
.top_logo_phone p{ height:20px; line-height:20px;}
.top_logo_phone h1{ margin:0; padding:0; font-size:36px; font-family:Arial, Helvetica, sans-serif;}





#nav-menu{ height:38px; width:1220px;}
#nav-menu .container {
	position: relative;
	overflow: visible;
	
}
.menu {
}
.menu li {
	position: relative;
	width: 122px;
	height: 53px;
	line-height:53px;
	float: left;
	text-align: center;
	z-index:999;
}
.menu li h3 {
	font-weight: normal;
	display: inline-block;
	font-size:16px; margin:0; padding:0;
}
.menu li a.xialaguang {
	display: inline-block;
	height: 53px;
	text-decoration: none;
	width: 122px;
	line-height:53px;
	text-align: center;
	color:#ffffff;
}
#home {
	clear: both;
	background: none;
}
#nav-menu .menu li a.selected, #nav-menu .menu li a.navhover, #nav-menu .menu li a.xialaguang:hover {
	color: #ffffff;
}
#nav-menu .menu li a.navhover, #nav-menu .menu li a.xialaguang:hover {
	background-color: #ef8812;
}
#nav-menu .menu li a.xialaguang span {
	height: 53px;
	line-height: 53px;
	display: inline-block;
	font-weight: bold;
}
#nav-menu .menu li a.selected span, #nav-menu .menu li a.navhover span, #nav-menu .menu li a.xialaguang:hover span {
	cursor: pointer;
	background:#ff7907;
}
#nav-menu .menu li a.navhover span, #nav-menu .menu li a.xialaguang:hover span {
	width: 122px;
	color: #FFF;
}
#nav-menu .menu ul.children {
	display: none;
	position: absolute;
	top: 53px;
	width: 122px;
	border-top: 0;
	line-height: normal;
	z-index: 999;
	background:#ffffff;
}
#nav-menu .menu ul.children li {
	height: 32px;
	display: inline-block;
	line-height: 32px;
	border-bottom:1px dotted #cccccc;
}
#nav-menu .menu ul.children li h3 {
	display: block;
	width: 100%;
}
#nav-menu .menu ul.children li a {
	width: 122px;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	
	color:#001f71;
}
#nav-menu .menu ul.children li a:hover {
	text-decoration: none;
	background:#001f71;
	color:#ffffff;
}





#full-screen-slider { width:100%; height:500px; float:left; position:relative; clear:both; z-index:99; min-width:1220px;}
#fox { display:block; width:100%; height:500px; list-style:none; padding:0; margin:0; position:relative}
#fox li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#fox li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:none; list-style:none; position:absolute; left:25%; top:470px; z-index:999;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}


.search_box{ height:52px; background:url(img/search_back.jpg); clear:both;}
.search_width{ width:1220px; margin:0 auto; overflow:hidden; height:52px;}
.search_word{ float:left; width:800px; line-height:52px;}
.search_word span{ font-weight:bold; color:#133575;}
.search_right{ width:372px; float:left; margin:0 0 0 48px; padding:15px 0 0 0;}
.search_input{ width:274px; height:24px; background:#ffffff; border:1px solid #666666; padding:0 0 0 10px; color:#CCC; line-height:24px;}

.co_title{ background:url(img/co_title.jpg) no-repeat center center; font-size:24px; font-weight:bold; line-height:40px; color:#103574; text-align:center;}
.co_title_line{ line-height:30px; text-align:center; color:#bebebe; font-size:18px;}

#wrapper
{
	margin-top: 10px;
	text-align:center;
}
.overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  text-align:center;
  display:none;
}

#overlay_pic {
    margin:200px auto;
    width:400px;
}

.jscarousal
{
	width: 1220px;
	height: 90px;
	margin:0 auto;
	padding: 0;
	padding: 22px 8px 22px 8px;
	position: relative; /*overflow: hidden;*/
}
.jscarousal .jscarousal-left, .jscarousal .jscarousal-right
{
	float: left;
	width: 19px;
	height: 82px;
	color: White;
	position: relative;
	top: 0px;
	cursor: pointer;
}
.jscarousal .jscarousal-left
{
	background-image: url(img/left_arrow.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
.jscarousal .jscarousal-right
{
	background-image: url(img/right_arrow.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.jscarousal-contents
{
	width: 1152px;
	height: 90px;
	float: left;
	position: relative;
	overflow: hidden;
}
.jscarousal-contents > div
{
	position: absolute;
	width: 100%;
	height: 90px;
}
.jscarousal-contents > div > div
{
	float: left;
	margin-left:2px;
	margin-right: 2px;
}
.jscarousal-contents img
{
	width: 175px;
	height: 82px;
	border: solid 6px #ececec;
}
.hidden
{
	display: none;
}
.visible
{
	display: block;
}
.thumbnail-active
{
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor: pointer;
}
.thumbnail-inactive
{
	filter: alpha(opacity=60);
	opacity: 0.8;
	cursor: pointer;
}
.thumbnail-text
{
	color: #7A7677;
	text-align: center;
	font-size:14px;
}

.main{ width:1220px; margin:0 auto; overflow:hidden;}
.leixing_back{ width:100%; overflow:hidden; background:url(img/leixing_back.jpg) no-repeat center top #f3f3f3;min-width:1220px;}
.ad1{ height:214px;min-width:1220px;}

.leixing_title{font-size:24px; font-weight:bold; line-height:40px; color:#103574; text-align:center; padding:55px 0 0 0;}
.leixing_title span{ color:#f89421;}
.leixing_title_line{ line-height:30px; text-align:center; color:#bebebe; font-size:18px;}
.lexing_box{ background:#ffffff; border:1px solid #cccccc; overflow:hidden; margin:20px 0 0 0;}
.lexing_left{ width:270px; overflow:hidden; float:left; background:url(img/lexing_left.jpg);}
.lexing_left_title{ width:257px; height:80px; text-align:center; color:#ffffff; background:#f89421;}
.lexing_left_title h1{ height:26px; padding:20px 0 0 0; margin:0; line-height:26px; font-size:24px;}
.lexing_left_title p{ height:12px; line-height:12px; padding:2px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.lexing_left_class{ margin:20px 0 20px 10px;}
.lexing_left_class ul li a{ display:block; width:245px; padding:0 0 0 15px; background:url(img/lexing_left_class.jpg) no-repeat left; height:60px; line-height:60px;}
.lexing_left_class ul li on{ background:url(img/lexing_left_class_over.jpg); color:#3da604; font-weight:bold;}
.lexing_left_class ul li a:hover{ background:url(img/lexing_left_class_over.jpg); color:#3da604; font-weight:bold;}

.left_contact{ color:#ffffff; width:240px; padding:10px; overflow:hidden;}
.left_contact a{ color:#ffffff;}

.lexing_right{ margin:0 0 0 6px; width:942px; float:left; overflow:hidden;}
.lexing_right_top{ height:256px; padding:15px 10px;}
#pic_box{ border:1px solid #000000; float:left; margin:0 20px 0 0;  width:339px; height:254px;}
.lexing_right_top h1{ padding:0; margin:0; font-size:24px; line-height:46px;}
.lexing_right_top h1 a{ color:#f89422;}
.leixing_right_bottom{ overflow:hidden; clear:both;}
.leixing_right_bottom_title{ border-bottom:1px solid #cccccc; margin:5px 0; font-weight:bold; color:#011f71; line-height:30px;}
#demof{ width:920px; margin:0 auto; overflow:hidden;}
.leixing_demolist{ float:left; width:168px; height:158px; text-align:center;}
.leixing_demolist img{ width:158px; height:118px; border:1px solid #cccccc;}

.ad2{ display:block; width:1220px; margin:0 auto; height:181px;}

.yingyong_back{ background:url(img/yingyong_back.jpg) no-repeat center bottom #0a2877; overflow:hidden; padding:5px 0;min-width:1220px;}
.yingyong_right_top{padding:10px 10px 35px 10px; overflow:hidden; margin:10px 0 40px 0; border-bottom:1px dotted #000000;}
#yingyong_title{ color:#ffffff;}
#pic_box_yingyong{float:left; margin:0 30px 0 0; width:339px; height:254px;}
.yingyong_right_top h1{ padding:0; margin:0; font-size:18px; line-height:46px;}
.yingyong_right_top h1 a{ color:#011f71;}

.ad3{ display:block; width:100%; height:204px; margin:0; background:url(img/ad3.jpg) no-repeat center center #07216c;min-width:1220px;}

.youshi_1{ background:url(img/youshi_1.jpg) no-repeat center center #f1f1f1; height:465px; overflow:hidden;min-width:1220px;}
 .youshi_1_txt{ padding:104px 0 0 670px; width:447px; height:279px;}
 .youshi_1_txt h1{ color:#011f71; font-size:22px; line-height:35px;}
 .youshi_1_txt h2{ color:#9f9f9f; font-size:18px; font-weight:normal; line-height:25px;}
 .youshi_1_txt p{ padding:0 0 0 25px;}
 .youshi_1_txt p span{ font-weight:bold; color:#011f71;}
 #y1_01{ padding-top:44px;}
 #y1_03{ padding-top:13px;}
.youshi_2{ background:url(img/youshi_2.jpg) no-repeat center center #f1f1f1; height:371px; overflow:hidden;min-width:1220px;}
 .youshi_2_txt{ padding:60px 0 0 90px; height:258px; width:453px; text-align:right;}
 .youshi_2_txt h1{ color:#011f71; font-size:22px; line-height:35px;}
 .youshi_2_txt h2{ color:#9f9f9f; font-size:18px; font-weight:normal; line-height:25px;}
 .youshi_2_txt p{ padding:0 55px 0 0;}
 .youshi_2_txt p span{ font-weight:bold; color:#011f71;} 
  #y2_01{ padding-top:48px;}
  #y2_02{ padding-top:20px;}
.youshi_3{ background:url(img/youshi_3.jpg) no-repeat center center #f1f1f1; height:358px; overflow:hidden;min-width:1220px;}
 .youshi_3_txt{ padding:80px 0 0 670px; width:500px; height:279px;}
 .youshi_3_txt h1{ color:#011f71; font-size:22px; line-height:35px;}
 .youshi_3_txt h2{ color:#9f9f9f; font-size:18px; font-weight:normal; line-height:25px;}
 .youshi_3_txt p{ padding:0 0 0 25px;}
 .youshi_3_txt p span{ font-weight:bold; color:#011f71;}
 #y3_01{ padding-top:44px;}
 #y3_02{ padding-top:13px;}
.youshi_4{ background:url(img/youshi_4.jpg) no-repeat center top #f1f1f1;padding:26px 0 4px 0; overflow:hidden;min-width:1220px;}
 .youshi_4_tel{ width:230px; float:left; padding:0 0 0 7px;}
 .youshi_4_list{ float:left; width:975px;}
 .youshi_4_demo{ float:left; width:284px; height:205px; text-align:center;}
 .youshi_4_demo img{ width:274px; height:205px;}
 #demot{ width:965px; overflow:hidden;}
 
#demoa{ width:1220px; overflow:hidden;}

.inpro_title{ overflow:hidden; text-align:center; padding:20px 0;}
.in_proclass ul li{ float:left; }
.in_proclass ul li a{ display:block;width:191px; height:34px; line-height:34px; margin:0 0 10px 5px; border:1px solid #222222; padding:0 0 0 5px;}
.in_proclass ul li a:hover{ background:#0a2877; color:#ffffff;}
.in_product_list{ float:left; width:217px; margin:6px; padding-top:0px; text-align:center; height:250px; border:1px solid #cccccc;}
.in_product_list img{ width:217px; height:216px;}

.pa_product_list{ float:left; width:296px; margin:5px; padding-top:4px; text-align:center; height:330px; border:1px solid #cccccc;}
.pa_product_list img{ width:288px; height:288px;}

.pa_case_list{ float:left; width:296px; margin:5px; padding-top:4px; text-align:center; height:246px; border:1px solid #cccccc;}
.pa_case_list img{ width:288px; height:206px;}

.ad4{ background:url(img/liucheng.jpg) no-repeat center center; height:286px;min-width:1220px;}

.about_box{ background:url(img/about_back.jpg) no-repeat top center #f1f1f1; clear:both; padding:20px 0;}
.about_title{font-size:30px; font-weight:bold; line-height:40px; color:#103574; text-align:center;}
.about_title_line{ line-height:30px; text-align:center; color:#bebebe; font-size:18px;}
.about_txt{ margin:20px 0 0 0 ;background:#f1f1f1; overflow:hidden;}
.about_txt p{  padding:10px;}
#about_pic{ border:1px solid #000000; float:left; margin:0 20px 0 0;  width:401px; height:222px;}

#demo{ width:1220px; overflow:hidden; margin:10px 0;}
.demo_list{ float:left; height:200px; width:280px; margin:0 5px;}
.demo_list img{ height:200px; width:280px;}

.news_back{ background:#ffffff; overflow:hidden;}
.news_left{ width:810px; float:left; overflow:hidden; padding:10px;}
.news_right{ border:1px solid #cccccc; width:350px; margin:0 0 0 18px; overflow:hidden; float:left; padding:10px;}
.news_title{ border-bottom:1px solid #cccccc; font-size:16px; line-height:30px; font-weight:bold; color:#001f71;}
.news_title span{ color:#222222;}
.news_top{ overflow:hidden; margin:10px 0; padding:5px 0; border-bottom:1px dotted #cccccc;}
#news_pic{ float:left; margin:0 20px 0 0; width:200px; height:130px;}
.news_top h1{ padding:0; margin:0; font-size:18px; line-height:46px;}
.news_top h1 a{ color:#011f71;}
.news_list{ float:left; width:395px; margin:0 0 0 10px; overflow:hidden;}
#newslist li{ border-bottom:1px dotted #cccccc; background:url(img/icon.jpg) no-repeat left center; line-height:32px; padding:0 0 0 15px;}
#newslist li span{ float:right; padding:0 5px 0 0; font-size:12px;}

.asklist{ padding:10px 0;}
.asklist h1{ background:url(img/question.jpg) no-repeat left center; padding:0 0 0 30px; font-size:14px;}
.asklist p{ background:url(img/answoer.jpg) no-repeat left 10px; padding:5px 0 5px 30px; overflow:hidden; border-bottom:1px dotted #cccccc; margin:5px 0;}

#company{ height:460px; overflow:hidden;}

.frienlink{ background:#011f71; overflow:hidden; padding:10px 0; color:#ffffff; clear:both;min-width:1220px;}
.frienlink a{ color:#ffffff;}
.frienlink_box{ background:url(img/f_link.jpg) no-repeat left top; padding:0 0 0 160px; width:1060px; margin:0 auto; overflow:hidden; height:90px;}

.foot{ background:#153794; clear:both; padding:10px 0; overflow:hidden;min-width:1220px;}
.foot_copy{ background:url(img/foot_logo.jpg) no-repeat left top; padding:25px 0 0 290px; width:930px; color:#ffffff; margin:0 auto;}
.foot_copy a{ color:#ffffff;}

.right_title{ line-height:40px; color:#ffffff; background:#001f71; height:40px;}
.right_title_y{ height:40px; line-height:40px; font-size:16px; font-weight:bold; color:#ffffff; background:#f89421; float:left; padding:0 25px;}
.right_title span{ float:right; padding:0 5px 0 0; font-size:12px; color:#ffffff;}
.right_title span a{ color:#ffffff;}
.right_title span a:hover{ color:#FF6600;}

.right_info_contact{ border:1px solid #cccccc; padding:20px 10px; overflow:hidden; margin:0 0 10px 0;}
.right_pro_contact{ border:1px solid #cccccc; padding:20px 8px; overflow:hidden; margin:0 0 10px 0;}
.in_line{color:#bdbdbd;}


#proleft{float:left;width:600px;height:630px;padding:5px;border:1px solid #D7D7D7;margin:0 8px 0 0;}
#propic { text-align:center;}
#propic a img{height:600px; width:600px;border:none;}
#proname{text-align:center;}
#prolist{
float:left;
width:300px;
height:640px;
border:1px solid #D7D7D7;
overflow:auto;
scrollbar-face-color: #ffffff; 
scrollbar-highlight-color: #c9c3c3; 
scrollbar-shadow-color: #f5f5f5; 
scrollbar-3dlight-color: #ffffff; 
scrollbar-arrow-color: #c9c3c3; 
scrollbar-track-color: #f5f5f5; 
scrollbar-darkshadow-color: #c9c3c3;
}
#prolist ul li{float:left;}
#prolist ul li a{display:block;width:130px;height:130px;margin:5px;}
#prolist ul li a img{width:130px;height:130px;}